<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>订单页面</title>
    <link rel="stylesheet" href="./../Resources/plugins/layui/dist/css/layui.css">
    <link rel="stylesheet" href="./../Resources/css/common.css">
    <link rel="stylesheet" href="./../Resources/css/foot.css">
    <link rel="stylesheet" href="./../Resources/css/order.css">
</head>

<body class="layui-form">
    <div class="layui-header ws-header">
        <div class="layui-container">
            <div class="ws-logo">
                <a class="logo" href="/">
                    <img src="./../Resources/img/logo.png" alt="layui">
                </a>
            </div>
        </div>
    </div>
    <div class="container" style="overflow: hidden;">
        <div class="order-container">
            <div class="order-search-nav-container order-search-nav-br">
                <div class="order-search-nav-warp">
                    <div class="layui-input-inline">
                        <select name="modules" lay-verify="required" lay-search>
                            <option value="">请选择收货地址</option>
                            <option value="1">layer</option>
                            <option value="2">form</option>
                            <option value="3">layim</option>
                            <option value="4">element</option>
                            <option value="5">laytpl</option>
                            <option value="6">upload</option>
                            <option value="7">laydate</option>
                            <option value="8">laypage</option>
                            <option value="9">flow</option>
                            <option value="10">util</option>
                            <option value="11">code</option>
                            <option value="12">tree</option>
                            <option value="13">layedit</option>
                            <option value="14">nav</option>
                            <option value="15">tab</option>
                            <option value="16">table</option>
                            <option value="17">select</option>
                            <option value="18">checkbox</option>
                            <option value="19">switch</option>
                            <option value="20">radio</option>
                        </select>
                    </div>
                </div>
            </div>
            <div class="order-content">
                <div class="order-content-scroll-view">
                    <div class="order-content-scroll-view">
                        <div class="order-content-scroll-view-content">
                            <div class="next-order-container">
                                <div>
                                    <div class="next-order-item">
                                        <div class="next-order-item-title">
                                            <div class="next-order-item-title-box">
                                                <div class="next-order-item-title-box-icon">
                                                    <i class="layui-icon layui-icon-gift"></i>
                                                </div>
                                                <div class="next-order-item-title-box-text">礼品</div>
                                                <div>
                                                    <i
                                                        class="next-order-item-title-box-arrow-icon layui-icon layui-icon-right"></i>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="next-order-item-content">
                                            <div class="next-order-item-content-img">
                                                <img src="https://img2.baidu.com/it/u=1185741275,529637261&amp;fm=253&amp;fmt=auto&amp;app=120&amp;f=JPEG?w=500&amp;h=500"
                                                    alt="产品图片">
                                            </div>
                                            <div class="next-order-item-content-right">
                                                <div class="next-order-item-content-right-title">
                                                    秋冬季女生羊羔毛外套女秋冬款学生加绒加厚高中生初中生棉服棉衣冬天秋冬季女生羊羔毛外套女秋冬款学生加绒加厚高中生初中生棉服棉衣冬天
                                                </div>
                                                <div class="next-order-item-content-right-select">
                                                    <div class="next-order-item-content-right-select-text">
                                                        <span>黑色，L</span>
                                                    </div>
                                                </div>
                                                <div class="next-order-item-content-price">
                                                    <div class="next-order-item-content-price-text">
                                                        <span class="next-order-item-content-price-text-symbol">
                                                            <span>￥</span>
                                                        </span>126.01
                                                    </div>
                                                    <div class="next-order-item-content-price-btn">
                                                        <div
                                                            class="next-order-item-content-price-btn-icon next-order-item-content-price-btn-disabled">
                                                            <i class="layui-icon layui-icon-subtraction"></i>
                                                        </div>
                                                        <div class="next-order-item-content-price-btn-num">
                                                            123
                                                        </div>
                                                        <div class="next-order-item-content-price-btn-icon">
                                                            <i class="layui-icon layui-icon-addition"></i>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="next-order-item-content">
                                            <div class="next-order-item-content-img">
                                                <img src="https://img2.baidu.com/it/u=1185741275,529637261&amp;fm=253&amp;fmt=auto&amp;app=120&amp;f=JPEG?w=500&amp;h=500"
                                                    alt="产品图片">
                                            </div>
                                            <div class="next-order-item-content-right">
                                                <div class="next-order-item-content-right-title">
                                                    秋冬季女生羊羔毛外套女秋冬款学生加绒加厚高中生初中生棉服棉衣冬天秋冬季女生羊羔毛外套女秋冬款学生加绒加厚高中生初中生棉服棉衣冬天
                                                </div>
                                                <div class="next-order-item-content-right-select">
                                                    <div class="next-order-item-content-right-select-text">
                                                        <span>黑色，L</span>
                                                    </div>
                                                </div>
                                                <div class="next-order-item-content-price">
                                                    <div class="next-order-item-content-price-text">
                                                        <span class="next-order-item-content-price-text-symbol">
                                                            <span>￥</span>
                                                        </span>126.01
                                                    </div>
                                                    <div class="next-order-item-content-price-btn">
                                                        <div
                                                            class="next-order-item-content-price-btn-icon next-order-item-content-price-btn-disabled">
                                                            <i class="layui-icon layui-icon-subtraction"></i>
                                                        </div>
                                                        <div class="next-order-item-content-price-btn-num">
                                                            123
                                                            <!-- <input type="number" name="" id="" class="next-order-item-content-price-btn-num-text" min="1" step="1"> -->
                                                        </div>
                                                        <div class="next-order-item-content-price-btn-icon">
                                                            <i class="layui-icon layui-icon-addition"></i>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="next-order-item-content">
                                            <div class="next-order-item-content-img">
                                                <img src="https://img2.baidu.com/it/u=1185741275,529637261&amp;fm=253&amp;fmt=auto&amp;app=120&amp;f=JPEG?w=500&amp;h=500"
                                                    alt="产品图片">
                                            </div>
                                            <div class="next-order-item-content-right">
                                                <div class="next-order-item-content-right-title">
                                                    秋冬季女生羊羔毛外套女秋冬款学生加绒加厚高中生初中生棉服棉衣冬天秋冬季女生羊羔毛外套女秋冬款学生加绒加厚高中生初中生棉服棉衣冬天
                                                </div>
                                                <div class="next-order-item-content-right-select">
                                                    <div class="next-order-item-content-right-select-text">
                                                        <span>黑色，L</span>
                                                    </div>
                                                </div>
                                                <div class="next-order-item-content-price">
                                                    <div class="next-order-item-content-price-text">
                                                        <span class="next-order-item-content-price-text-symbol">
                                                            <span>￥</span>
                                                        </span>126.01
                                                    </div>
                                                    <div class="next-order-item-content-price-btn">
                                                        <div
                                                            class="next-order-item-content-price-btn-icon next-order-item-content-price-btn-disabled">
                                                            <i class="layui-icon layui-icon-subtraction"></i>
                                                        </div>
                                                        <div class="next-order-item-content-price-btn-num">
                                                            123
                                                            <!-- <input type="number" name="" id="" class="next-order-item-content-price-btn-num-text" min="1" step="1"> -->
                                                        </div>
                                                        <div class="next-order-item-content-price-btn-icon">
                                                            <i class="layui-icon layui-icon-addition"></i>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="next-order-item-content">
                                            <div class="next-order-item-content-img">
                                                <img src="https://img2.baidu.com/it/u=1185741275,529637261&amp;fm=253&amp;fmt=auto&amp;app=120&amp;f=JPEG?w=500&amp;h=500"
                                                    alt="产品图片">
                                            </div>
                                            <div class="next-order-item-content-right">
                                                <div class="next-order-item-content-right-title">
                                                    秋冬季女生羊羔毛外套女秋冬款学生加绒加厚高中生初中生棉服棉衣冬天秋冬季女生羊羔毛外套女秋冬款学生加绒加厚高中生初中生棉服棉衣冬天
                                                </div>
                                                <div class="next-order-item-content-right-select">
                                                    <div class="next-order-item-content-right-select-text">
                                                        <span>黑色，L</span>
                                                    </div>
                                                </div>
                                                <div class="next-order-item-content-price">
                                                    <div class="next-order-item-content-price-text">
                                                        <span class="next-order-item-content-price-text-symbol">
                                                            <span>￥</span>
                                                        </span>126.01
                                                    </div>
                                                    <div class="next-order-item-content-price-btn">
                                                        <div
                                                            class="next-order-item-content-price-btn-icon next-order-item-content-price-btn-disabled">
                                                            <i class="layui-icon layui-icon-subtraction"></i>
                                                        </div>
                                                        <div class="next-order-item-content-price-btn-num">
                                                            123
                                                            <!-- <input type="number" name="" id="" class="next-order-item-content-price-btn-num-text" min="1" step="1"> -->
                                                        </div>
                                                        <div class="next-order-item-content-price-btn-icon">
                                                            <i class="layui-icon layui-icon-addition"></i>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="next-order-item-content">
                                            <div class="next-order-item-content-img">
                                                <img src="https://img2.baidu.com/it/u=1185741275,529637261&amp;fm=253&amp;fmt=auto&amp;app=120&amp;f=JPEG?w=500&amp;h=500"
                                                    alt="产品图片">
                                            </div>
                                            <div class="next-order-item-content-right">
                                                <div class="next-order-item-content-right-title">
                                                    秋冬季女生羊羔毛外套女秋冬款学生加绒加厚高中生初中生棉服棉衣冬天秋冬季女生羊羔毛外套女秋冬款学生加绒加厚高中生初中生棉服棉衣冬天
                                                </div>
                                                <div class="next-order-item-content-right-select">
                                                    <div class="next-order-item-content-right-select-text">
                                                        <span>黑色，L</span>
                                                    </div>
                                                </div>
                                                <div class="next-order-item-content-price">
                                                    <div class="next-order-item-content-price-text">
                                                        <span class="next-order-item-content-price-text-symbol">
                                                            <span>￥</span>
                                                        </span>126.01
                                                    </div>
                                                    <div class="next-order-item-content-price-btn">
                                                        <div
                                                            class="next-order-item-content-price-btn-icon next-order-item-content-price-btn-disabled">
                                                            <i class="layui-icon layui-icon-subtraction"></i>
                                                        </div>
                                                        <div class="next-order-item-content-price-btn-num">
                                                            123
                                                            <!-- <input type="number" name="" id="" class="next-order-item-content-price-btn-num-text" min="1" step="1"> -->
                                                        </div>
                                                        <div class="next-order-item-content-price-btn-icon">
                                                            <i class="layui-icon layui-icon-addition"></i>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="next-order-item-content">
                                            <div class="next-order-item-content-img">
                                                <img src="https://img2.baidu.com/it/u=1185741275,529637261&amp;fm=253&amp;fmt=auto&amp;app=120&amp;f=JPEG?w=500&amp;h=500"
                                                    alt="产品图片">
                                            </div>
                                            <div class="next-order-item-content-right">
                                                <div class="next-order-item-content-right-title">
                                                    秋冬季女生羊羔毛外套女秋冬款学生加绒加厚高中生初中生棉服棉衣冬天秋冬季女生羊羔毛外套女秋冬款学生加绒加厚高中生初中生棉服棉衣冬天
                                                </div>
                                                <div class="next-order-item-content-right-select">
                                                    <div class="next-order-item-content-right-select-text">
                                                        <span>黑色，L</span>
                                                    </div>
                                                </div>
                                                <div class="next-order-item-content-price">
                                                    <div class="next-order-item-content-price-text">
                                                        <span class="next-order-item-content-price-text-symbol">
                                                            <span>￥</span>
                                                        </span>126.01
                                                    </div>
                                                    <div class="next-order-item-content-price-btn">
                                                        <div
                                                            class="next-order-item-content-price-btn-icon next-order-item-content-price-btn-disabled">
                                                            <i class="layui-icon layui-icon-subtraction"></i>
                                                        </div>
                                                        <div class="next-order-item-content-price-btn-num">
                                                            123
                                                            <!-- <input type="number" name="" id="" class="next-order-item-content-price-btn-num-text" min="1" step="1"> -->
                                                        </div>
                                                        <div class="next-order-item-content-price-btn-icon">
                                                            <i class="layui-icon layui-icon-addition"></i>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="next-order-item-content">
                                            <div class="next-order-item-content-img">
                                                <img src="https://img2.baidu.com/it/u=1185741275,529637261&amp;fm=253&amp;fmt=auto&amp;app=120&amp;f=JPEG?w=500&amp;h=500"
                                                    alt="产品图片">
                                            </div>
                                            <div class="next-order-item-content-right">
                                                <div class="next-order-item-content-right-title">
                                                    秋冬季女生羊羔毛外套女秋冬款学生加绒加厚高中生初中生棉服棉衣冬天秋冬季女生羊羔毛外套女秋冬款学生加绒加厚高中生初中生棉服棉衣冬天
                                                </div>
                                                <div class="next-order-item-content-right-select">
                                                    <div class="next-order-item-content-right-select-text">
                                                        <span>黑色，L</span>
                                                    </div>
                                                </div>
                                                <div class="next-order-item-content-price">
                                                    <div class="next-order-item-content-price-text">
                                                        <span class="next-order-item-content-price-text-symbol">
                                                            <span>￥</span>
                                                        </span>126.01
                                                    </div>
                                                    <div class="next-order-item-content-price-btn">
                                                        <div
                                                            class="next-order-item-content-price-btn-icon next-order-item-content-price-btn-disabled">
                                                            <i class="layui-icon layui-icon-subtraction"></i>
                                                        </div>
                                                        <div class="next-order-item-content-price-btn-num">
                                                            123
                                                            <!-- <input type="number" name="" id="" class="next-order-item-content-price-btn-num-text" min="1" step="1"> -->
                                                        </div>
                                                        <div class="next-order-item-content-price-btn-icon">
                                                            <i class="layui-icon layui-icon-addition"></i>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="next-order-item-content">
                                            <div class="next-order-item-content-img">
                                                <img src="https://img2.baidu.com/it/u=1185741275,529637261&amp;fm=253&amp;fmt=auto&amp;app=120&amp;f=JPEG?w=500&amp;h=500"
                                                    alt="产品图片">
                                            </div>
                                            <div class="next-order-item-content-right">
                                                <div class="next-order-item-content-right-title">
                                                    秋冬季女生羊羔毛外套女秋冬款学生加绒加厚高中生初中生棉服棉衣冬天秋冬季女生羊羔毛外套女秋冬款学生加绒加厚高中生初中生棉服棉衣冬天
                                                </div>
                                                <div class="next-order-item-content-right-select">
                                                    <div class="next-order-item-content-right-select-text">
                                                        <span>黑色，L</span>
                                                    </div>
                                                </div>
                                                <div class="next-order-item-content-price">
                                                    <div class="next-order-item-content-price-text">
                                                        <span class="next-order-item-content-price-text-symbol">
                                                            <span>￥</span>
                                                        </span>126.01
                                                    </div>
                                                    <div class="next-order-item-content-price-btn">
                                                        <div
                                                            class="next-order-item-content-price-btn-icon next-order-item-content-price-btn-disabled">
                                                            <i class="layui-icon layui-icon-subtraction"></i>
                                                        </div>
                                                        <div class="next-order-item-content-price-btn-num">
                                                            123
                                                            <!-- <input type="number" name="" id="" class="next-order-item-content-price-btn-num-text" min="1" step="1"> -->
                                                        </div>
                                                        <div class="next-order-item-content-price-btn-icon">
                                                            <i class="layui-icon layui-icon-addition"></i>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="next-order-item-content">
                                            <div class="next-order-item-content-img">
                                                <img src="https://img2.baidu.com/it/u=1185741275,529637261&amp;fm=253&amp;fmt=auto&amp;app=120&amp;f=JPEG?w=500&amp;h=500"
                                                    alt="产品图片">
                                            </div>
                                            <div class="next-order-item-content-right">
                                                <div class="next-order-item-content-right-title">
                                                    秋冬季女生羊羔毛外套女秋冬款学生加绒加厚高中生初中生棉服棉衣冬天秋冬季女生羊羔毛外套女秋冬款学生加绒加厚高中生初中生棉服棉衣冬天
                                                </div>
                                                <div class="next-order-item-content-right-select">
                                                    <div class="next-order-item-content-right-select-text">
                                                        <span>黑色，L</span>
                                                    </div>
                                                </div>
                                                <div class="next-order-item-content-price">
                                                    <div class="next-order-item-content-price-text">
                                                        <span class="next-order-item-content-price-text-symbol">
                                                            <span>￥</span>
                                                        </span>126.01
                                                    </div>
                                                    <div class="next-order-item-content-price-btn">
                                                        <div
                                                            class="next-order-item-content-price-btn-icon next-order-item-content-price-btn-disabled">
                                                            <i class="layui-icon layui-icon-subtraction"></i>
                                                        </div>
                                                        <div class="next-order-item-content-price-btn-num">
                                                            123
                                                            <!-- <input type="number" name="" id="" class="next-order-item-content-price-btn-num-text" min="1" step="1"> -->
                                                        </div>
                                                        <div class="next-order-item-content-price-btn-icon">
                                                            <i class="layui-icon layui-icon-addition"></i>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="next-order-item-content">
                                            <div class="next-order-item-content-img">
                                                <img src="https://img2.baidu.com/it/u=1185741275,529637261&amp;fm=253&amp;fmt=auto&amp;app=120&amp;f=JPEG?w=500&amp;h=500"
                                                    alt="产品图片">
                                            </div>
                                            <div class="next-order-item-content-right">
                                                <div class="next-order-item-content-right-title">
                                                    秋冬季女生羊羔毛外套女秋冬款学生加绒加厚高中生初中生棉服棉衣冬天秋冬季女生羊羔毛外套女秋冬款学生加绒加厚高中生初中生棉服棉衣冬天
                                                </div>
                                                <div class="next-order-item-content-right-select">
                                                    <div class="next-order-item-content-right-select-text">
                                                        <span>黑色，L</span>
                                                    </div>
                                                </div>
                                                <div class="next-order-item-content-price">
                                                    <div class="next-order-item-content-price-text">
                                                        <span class="next-order-item-content-price-text-symbol">
                                                            <span>￥</span>
                                                        </span>126.01
                                                    </div>
                                                    <div class="next-order-item-content-price-btn">
                                                        <div
                                                            class="next-order-item-content-price-btn-icon next-order-item-content-price-btn-disabled">
                                                            <i class="layui-icon layui-icon-subtraction"></i>
                                                        </div>
                                                        <div class="next-order-item-content-price-btn-num">
                                                            123
                                                            <!-- <input type="number" name="" id="" class="next-order-item-content-price-btn-num-text" min="1" step="1"> -->
                                                        </div>
                                                        <div class="next-order-item-content-price-btn-icon">
                                                            <i class="layui-icon layui-icon-addition"></i>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="next-order-item-content">
                                            <div class="next-order-item-content-img">
                                                <img src="https://img2.baidu.com/it/u=1185741275,529637261&amp;fm=253&amp;fmt=auto&amp;app=120&amp;f=JPEG?w=500&amp;h=500"
                                                    alt="产品图片">
                                            </div>
                                            <div class="next-order-item-content-right">
                                                <div class="next-order-item-content-right-title">
                                                    秋冬季女生羊羔毛外套女秋冬款学生加绒加厚高中生初中生棉服棉衣冬天秋冬季女生羊羔毛外套女秋冬款学生加绒加厚高中生初中生棉服棉衣冬天
                                                </div>
                                                <div class="next-order-item-content-right-select">
                                                    <div class="next-order-item-content-right-select-text">
                                                        <span>黑色，L</span>
                                                    </div>
                                                </div>
                                                <div class="next-order-item-content-price">
                                                    <div class="next-order-item-content-price-text">
                                                        <span class="next-order-item-content-price-text-symbol">
                                                            <span>￥</span>
                                                        </span>126.01
                                                    </div>
                                                    <div class="next-order-item-content-price-btn">
                                                        <div
                                                            class="next-order-item-content-price-btn-icon next-order-item-content-price-btn-disabled">
                                                            <i class="layui-icon layui-icon-subtraction"></i>
                                                        </div>
                                                        <div class="next-order-item-content-price-btn-num">
                                                            123
                                                            <!-- <input type="number" name="" id="" class="next-order-item-content-price-btn-num-text" min="1" step="1"> -->
                                                        </div>
                                                        <div class="next-order-item-content-price-btn-icon">
                                                            <i class="layui-icon layui-icon-addition"></i>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="next-order-footer">
                                        <div class="next-order-footer-warp">
                                            <div class="next-order-footer-warp-left">
                                                <div class="next-order-footer-warp-right-price">
                                                    合计：<div class="next-order-footer-warp-right-price-symbol">
                                                        <span>￥</span>
                                                    </div>
                                                    <div class="next-order-footer-warp-right-price-all">
                                                        <span>0</span>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="next-order-footer-warp-right">
                                                <div class="next-order-footer-warp-right-btn">提交订单</div>
                                            </div>
                                        </div>
                                    </div>
                                </div><!---->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="layui-footer footer-menu clearfix">
        <div class="tabbar">
            <a href="#" class="tabbar-bd select">
                <i class="layui-icon layui-icon-gift"></i>
                <div class="icon-name">礼品</div>
            </a>
        </div>
        <div class="tabbar">
            <a href="#" class="tabbar-bd">
                <i class="layui-icon layui-icon-video"></i>
                <div class="icon-name">视频</div>
            </a>
        </div>
        <div class="tabbar">
            <a href="#" class="tabbar-bd">
                <i class="layui-icon layui-icon-cart"></i>
                <div class="icon-name">购物车</div>
                <div class="tabbar-reddot tabbar-badge">24</div>
            </a>
        </div>
        <div class="tabbar">
            <a href="myusercenter.html" class="tabbar-bd">
                <i class="layui-icon layui-icon-username"></i>
                <div class="icon-name">我的</div>
            </a>
        </div>
    </div>

    <script src="./../Resources/plugins/layui/dist/layui.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
    <script>
        $(document).ready(function () {
            // 初始化设置.order-container的高度
            $(".order-container").height($(window).height() - 170);

            // 监听窗口大小变动事件
            $(window).resize(function () {
                // 设置.order-container的高度为窗口高度
                $(".order-container").height($(window).height() - 170);
            });
        });
    </script>
</body>


</html>